﻿<UserControl x:Class="InfoPage.InfoPageControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="Auto" Height="Auto" Loaded="Page_Loaded" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
    <UserControl.Resources>
        <Storyboard x:Name="VideoTimeline">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="mediaElement" Storyboard.TargetProperty="(UIElement.Opacity)" BeginTime="00:00:00">
                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
                <SplineDoubleKeyFrame KeyTime="00:00:02" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="mediaElement" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" BeginTime="00:00:00">
                <SplineDoubleKeyFrame KeyTime="00:00:02" Value="1"/>
                <SplineDoubleKeyFrame KeyTime="00:00:03" Value="1.5"/>
                <SplineDoubleKeyFrame KeyTime="00:00:07" Value="1.5"/>
                <SplineDoubleKeyFrame KeyTime="00:00:09" Value="3.594"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="mediaElement" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" BeginTime="00:00:00">
                <SplineDoubleKeyFrame KeyTime="00:00:02" Value="1"/>
                <SplineDoubleKeyFrame KeyTime="00:00:03" Value="1.5"/>
                <SplineDoubleKeyFrame KeyTime="00:00:07" Value="1.5"/>
                <SplineDoubleKeyFrame KeyTime="00:00:09" Value="3.594"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="mediaElement" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" BeginTime="00:00:00">
                <SplineDoubleKeyFrame KeyTime="00:00:03" Value="0"/>
                <SplineDoubleKeyFrame KeyTime="00:00:04" Value="56"/>
                <SplineDoubleKeyFrame KeyTime="00:00:05.9000000" Value="-135"/>
                <SplineDoubleKeyFrame KeyTime="00:00:07" Value="-196"/>
                <SplineDoubleKeyFrame KeyTime="00:00:09" Value="-62"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="mediaElement" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" BeginTime="00:00:00">
                <SplineDoubleKeyFrame KeyTime="00:00:03" Value="0"/>
                <SplineDoubleKeyFrame KeyTime="00:00:04" Value="1"/>
                <SplineDoubleKeyFrame KeyTime="00:00:05.9000000" Value="168"/>
                <SplineDoubleKeyFrame KeyTime="00:00:07" Value="-41"/>
                <SplineDoubleKeyFrame KeyTime="00:00:09" Value="59.5"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="mediaElement" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" BeginTime="00:00:00">
                <SplineDoubleKeyFrame KeyTime="00:00:05.9000000" Value="0"/>
                <SplineDoubleKeyFrame KeyTime="00:00:07" Value="360"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot" >
        <Grid.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FFFFFFFF" Offset="0.554"/>
                <GradientStop Color="#FF282828" Offset="0"/>
                <GradientStop Color="#FF595858" Offset="1"/>
            </LinearGradientBrush>
        </Grid.Background>
        <StackPanel x:Name="mediaElement" RenderTransformOrigin="0.5,0.5" Width="300" Height="50">
            <StackPanel.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </StackPanel.RenderTransform>
            <TextBlock Text="Hi There" HorizontalAlignment="Stretch" />
            <TextBox x:Name="message" HorizontalAlignment="Stretch" VerticalAlignment="Top" Opacity="1" d:LayoutOverrides="HorizontalAlignment, Height"   Height="38.001" Text="Hello World" FontWeight="Bold" FontStyle="Italic" FontSize="18">

            </TextBox>
        </StackPanel>
    </Grid>
</UserControl>
